<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>test</title>
</head>
<body>

    <view>
     <view>
<view class="weui-search-bar" 
        style="
  position: relative;
  padding: 0px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
  border-top: 1rpx solid #D7D6DC;
  border-bottom: 1rpx solid #D7D6DC;">

 <view class="weui-search-bar__form"
            style="
    position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
          flex: auto;
  border-radius: 5px;
  background: #FFFFFF;
  border: 1rpx solid #E6E6EA;">
            <!-- 搜索框 -->
<view class="weui-search-bar__box" 
style="position: relative;
  padding-left: 0px;
  box-sizing: border-box;
  z-index: 1;">
                    
<icon class="weui-icon-search_in-box" style=" position: absolute;
  left: 0px;
  top: 10px;" type="search" size="14"></icon>

<input type="text" class="weui-search-bar__input" style="width: 90%; height: 28px;
  line-height: 28px;padding: 0px 0px;
  font-size: 14px;" placeholder="请输入搜索内容"/>
                </view>
            </view>
           


        </view>
    </view>
</view>

</body>
</html>